Best Sunscreen for Melasma-Prone Skin: A Pharmacist’s Picks

This post contains affiliate links. As an Amazon Associate, I earn from qualifying purchases at no extra cost to you.

The best sunscreen for melasma-prone skin is a broad-spectrum SPF 30 or higher that is also tinted with iron oxides. UV filters alone don’t block the visible light that keeps melasma active. Iron oxide pigments do. Two randomized trials found tinted formulas beat untinted ones for fading melasma and for preventing relapse.

That one sentence rules out most of the sunscreens people with melasma are already using. Below I’ll walk through why visible light matters, what the research actually shows (including one popular claim it doesn’t support), and five tinted sunscreens that are worth buying. I’ll also cover how to apply sunscreen so you actually get the protection on the label, and a few well-loved products that aren’t the right pick for melasma on their own.

{{IMAGE:tinted-sunscreen-swatches-melasma.jpg}} [Real photo: swatches of the five recommended tinted sunscreens side by side on a forearm in natural daylight, each labeled, to show the tint differences]

Why Does Melasma Need a Different Kind of Sunscreen?

Melasma is a chronic pigmentation condition that shows up as symmetrical brown or gray-brown patches, usually on the cheeks, forehead, upper lip and chin. A 2022 review of melasma’s biology by Espósito and colleagues in Dermatology and Therapy describes it as a condition of sun-exposed skin that mostly affects women of reproductive age. It’s more common in people of Middle Eastern, East Asian, Indian, African American and Latin American descent than in fair-skinned populations.

Hormones play a big role. The same review estimates that somewhere between 14.5% and 56% of cases show up during pregnancy, and 11% to 46% are linked to hormonal contraception. But hormones mostly set the stage. What keeps melasma active, and what brings it back after treatment, is light.

Here’s the problem with ordinary sunscreen. The SPF number on a bottle measures protection against UVB, the wavelength that causes sunburn. “Broad spectrum” adds a minimum level of UVA protection. Neither number says anything about visible light, the part of sunlight we can actually see. For most people that gap doesn’t matter much. For melasma it matters a lot.

That’s why you can wear SPF 50 every day, never burn, and still watch your patches darken every summer. The sunscreen is doing exactly what it was designed to do. It just wasn’t designed for melasma.

Does Visible Light Really Make Melasma Worse?

Yes, and the evidence here is stronger than most “blue light” marketing would suggest.

The foundational study is a 2010 paper in the Journal of Investigative Dermatology by Mahmoud and colleagues. They exposed volunteers with skin types IV to VI (medium to deep skin) to visible light and to long-wave UVA. Visible light alone produced pigmentation that was darker and lasted longer than the pigmentation caused by UVA. That was a surprise at the time, because visible light had long been treated as harmless to skin.

Later research narrowed down which part of visible light is responsible. The 2022 Espósito review notes that visible light pigmentation shows up mainly in skin types III to VI, and mostly from the shorter blue-violet wavelengths (roughly 420 to 470 nm). It works through a light-sensing receptor in pigment cells called opsin 3, which is a different pathway from the one UV uses.

Then came the melasma trials. These are the two worth knowing:

• Castanedo-Cazares et al., 2014. In a double-blind randomized trial published in Photodermatology, Photoimmunology & Photomedicine, 68 melasma patients using hydroquinone were given either a UV-only sunscreen or a sunscreen that also blocked visible light, both SPF 50 or higher. After 8 weeks, the visible-light group improved more: 15% more on the standard melasma severity score (MASI) and 28% more on color measurements. (Read the study on PubMed.)
• Boukari et al., 2015. This randomized trial from the University Hospital of Nice, published in the Journal of the American Academy of Dermatology, looked at relapse instead of treatment. Patients whose melasma had already been cleared used either a UVA/UVB-only sunscreen or one that added iron oxide protection against visible light. Over 6 months, the iron oxide group had significantly fewer relapses. (Read the study on PubMed.)

Put those together and the practical message is clear. Visible light protection helps you clear melasma faster while you’re treating it, and it helps keep melasma from coming back afterward. The ingredient that delivers that protection in over-the-counter products is iron oxide.

Does Blue Light From Your Phone or Laptop Cause Melasma?

Probably not, and this is where a lot of skincare marketing goes further than the evidence.

A 2020 study by Duteil and colleagues, also from the Nice group and published in the Journal of the American Academy of Dermatology, tested exactly this. Melasma patients were exposed to a high-intensity computer screen at 20 cm, 8 hours a day, for 5 days. Their melasma did not get worse. The authors also measured that blue light from screens, TVs and phones is roughly 99 to 1,000 times weaker than blue light from the sun. (Read the study on PubMed.)

So the blue light that matters for melasma comes from the sun, including sunlight coming through windows. You don’t need a special “screen protection” product for your desk job. You do need a tinted sunscreen on days you sit next to a sunny window or drive a lot. If a product’s main selling point is protection from your phone, that’s a reason for skepticism, not a reason to buy it.

Does Heat Make Melasma Worse?

Possibly, but the evidence is thinner than for UV or visible light, and it’s worth being honest about that.

Many people with melasma report that their patches look darker after cooking over a hot stove, hot yoga, saunas or a day in the heat, even without much sun. The 2022 Espósito review points to a survey that linked more severe melasma with heat exposure at work. It also says the role of infrared radiation in melasma is still unclear, because very little research has looked at it directly.

What that means in practice: no sunscreen can protect you from heat itself. Some products, including one of my picks below, list infrared protection among their claims. Treat that as a possible bonus, not a reason to choose one sunscreen over another. If heat seems to be one of your triggers, the fixes are behavioral: shade, a hat, cooling down after exercise, and not sitting in a sauna during an active flare.

What Should You Look for in a Sunscreen for Melasma?

The American Academy of Dermatology’s melasma guidance recommends a broad-spectrum sunscreen of SPF 30 or higher that contains zinc oxide, titanium dioxide or iron oxide, and suggests a tinted formula. Here’s how to turn that into a shopping checklist.

Iron oxides in the ingredient list

This is the non-negotiable one. Look in the inactive ingredients for “iron oxides,” or the color index codes CI 77491, CI 77492 and CI 77499. If a sunscreen is tinted, the tint almost always comes from iron oxides, which is why “tinted” is a reasonable shortcut when you’re scanning a shelf. In general, a more pigmented formula gives more visible light protection than a sheer one, but the tint you’ll actually wear every day is the one that protects you.

Broad spectrum and SPF 30 or higher

SPF 30 is the AAD minimum. Many dermatologists suggest SPF 50 for melasma. Part of the reasoning is that most people apply less sunscreen than the amount used in SPF testing, so a higher number leaves more margin for error. [UNVERIFIED — NEEDS SOURCE: typical real-world application amount vs. the 2 mg/cm² used in SPF testing] If you shop Korean, Japanese or European sunscreens, a PA++++ rating signals strong UVA protection.

Mineral filters

Zinc oxide and titanium dioxide are the two sunscreen filters the FDA has proposed as generally recognized as safe and effective, at concentrations up to 25%, in its 2021 proposed order on sunscreens. That’s one reason dermatologists often suggest them for sensitive skin and during pregnancy. Zinc oxide is commonly described as covering a wider slice of UVA than titanium dioxide. [UNVERIFIED — NEEDS SOURCE: zinc oxide vs. titanium dioxide UVA1 coverage] Four of my five picks are 100% mineral. One combines zinc oxide with a chemical filter.

Gentle, low-irritation formulas

The 2022 Espósito review describes inflammation as part of melasma’s underlying biology. That’s a good reason to avoid sunscreens that sting, burn or leave your skin red. If you’re also using an active treatment like tretinoin or hydroquinone, the sunscreen that sits on top of it every morning should calm your skin, not add to the irritation.

A shade and texture you’ll wear every day

This sounds obvious, but it’s where most melasma routines fail. A tint that’s too light will look ashy. A tint that’s too dark will look muddy. A heavy texture on oily skin will get skipped on hot days, and those are exactly the days you need it most. Choose the finish that fits your skin type, and choose the shade carefully.

Is Mineral or Chemical Sunscreen Better for Melasma?

For most people with melasma, mineral is the easier choice, but the more important question is whether the sunscreen is tinted.

Mineral sunscreens tend to be better tolerated by sensitive skin, and zinc oxide gives strong UVA coverage. But a clear mineral sunscreen does very little against visible light. It’s the iron oxide tint, not the mineral filter, that does that job. A tinted sunscreen with chemical filters will protect melasma better than an untinted mineral one.

You’ll often read online that chemical sunscreens make melasma worse because they “turn UV into heat” in the skin. I couldn’t find a controlled study showing that chemical sunscreens worsen melasma through heat, so I wouldn’t make buying decisions on that claim. If a chemical-filter sunscreen doesn’t irritate your skin and you pair it with iron oxide protection, it can work.

Best Sunscreens for Melasma at a Glance

The 5 Best Sunscreens for Melasma-Prone Skin

Every product below is broad spectrum, SPF 30 or higher, and lists iron oxides in its ingredients. I’ve included honest drawbacks for each, because no single sunscreen is right for every face.

If you want one product that covers everything the research says matters for melasma, this is the one to start with. It’s 100% mineral, with 12% zinc oxide as the only active filter, and it gets its color from iron oxide pigments. That’s the combination the Boukari relapse trial points to: strong UVA/UVB protection plus visible light protection in a single layer.

The formula goes on white and turns to a tint as you blend it. Colorescience makes it in several adaptive shades, each meant to cover a range of skin tones, and recommends picking the lighter shade if you fall between two. The finish is demi-matte with buildable coverage. For a lot of people that means it can replace foundation, which offsets some of the price.

The brand also claims protection against pollution, blue light and infrared. The blue light part is backed by the iron oxide content. The pollution and infrared claims come from the brand’s own technology, and none of the melasma trials I’ve cited tested them. I’d count them as a possible extra, not the reason to buy.

It’s water resistant for 40 minutes, which helps on hot days when sweat would otherwise break down your protection.

EltaMD UV Clear is probably the most-recommended facial sunscreen in dermatology offices, and for melasma the tinted version is the one to get. Be careful when ordering: the same listing sells an untinted version, and that one does little for visible light.

What makes UV Clear interesting for melasma is the 5% niacinamide. Niacinamide isn’t just a nice extra. In a 2011 double-blind randomized trial by Navarrete-Solís and colleagues in Dermatology Research and Practice, 27 melasma patients used 4% niacinamide on one side of the face and 4% hydroquinone on the other for 8 weeks. The niacinamide side improved by 62% on the MASI score, compared with 70% for hydroquinone. A sunscreen won’t replace a real treatment, but getting a well-studied brightening ingredient in the product you already wear every morning is a genuine advantage.

The formula is oil-free and non-comedogenic, and EltaMD positions it for acne-prone and rosacea-prone skin. That matters because breakouts and redness can leave their own dark marks, which makes an uneven complexion even harder to manage.

The trade-off is the filter system. UV Clear combines zinc oxide with octinoxate, a chemical filter. That’s not a safety problem for most people, but if you specifically want a 100% mineral formula, pick one of the other four.

Oily skin is where a lot of melasma routines fall apart. Mineral sunscreens are often thick and shiny, so people skip them on hot days, and hot, bright days are exactly when melasma flares. This fluid solves that problem better than most.

It’s a runny, fast-drying fluid that sets to a matte finish. It uses titanium dioxide as its only UV filter, with iron oxides for the tint, and La Roche-Posay describes it as gentle enough for sensitive skin. It layers well under makeup without pilling. The brand currently sells it in several shades, from a light tint to deep, which gives medium and deep skin tones more options than most tinted mineral sunscreens.

The main trade-off is the filter. Titanium dioxide is a good UV filter, but this formula has no zinc oxide. If you’re choosing between this and the Colorescience or CeraVe picks and oiliness isn’t a problem for you, a formula that includes zinc oxide may be the stronger UVA choice. For oily skin that won’t tolerate anything heavier, this is the one you’ll actually keep wearing, and that counts for a lot.

Most effective melasma treatments are hard on the skin. Tretinoin, hydroquinone, azelaic acid and chemical peels can all leave skin dry, flaky and irritated, and irritated skin is exactly what you don’t want when inflammation is part of the problem. CeraVe’s tinted mineral sunscreen is built for that situation.

It combines 10% zinc oxide and 5.5% titanium dioxide, with iron oxides for a sheer tint that offsets the usual mineral white cast. It also contains CeraVe’s three ceramides, niacinamide and hyaluronic acid, so it does some of the work of a moisturizer. On dry skin, many people can use it in place of a separate morning moisturizer.

It’s also one of the least expensive ways to get a tinted mineral sunscreen with a real filter strength behind it.

The honest limitations: it’s SPF 30, which meets the AAD minimum but leaves less margin if you under-apply. The tint is sheer, and it comes in only three shades. If you’re on the deeper end of the range, check the shade carefully, or consider the La Roche-Posay pick instead.

This is the budget pick, and it’s better than its price suggests. You get SPF 50 from a 100% mineral filter system (4% zinc oxide and 4% titanium dioxide) and a BB-cream style tint with noticeable coverage. More pigment generally means more visible light protection, and this formula has more pigment than the sheer tints on this list.

It also includes eucalyptus, red algae and vitamin E as antioxidants, plus shea butter and glycerin for hydration. The brand markets those antioxidants as blue light defense. Treat that as a minor bonus. The iron oxides are doing the real visible light work.

The finish is powder-matte, which suits oily and combination skin well. It’s sold in a 2.5 fl oz tube, bigger than most facial sunscreens, which helps if you reapply during the day the way you should.

The big limitation is shade range. The version reviewed here is a fair-to-light tint, and it will look ashy on medium and deep skin tones. If that’s you, go with the La Roche-Posay or Colorescience picks instead.

Which Popular Sunscreens Aren’t the Best Pick for Melasma?

Some excellent sunscreens don’t make this list, and it’s not because they’re bad products. They’re just missing the one ingredient melasma needs.

• Untinted EltaMD UV Clear. Same good formula as the tinted pick above, but without iron oxides it offers little visible light protection. If you already love it, keep it and add an iron oxide foundation or tinted powder on top.
• ISDIN Eryfotona Actinica. A well-regarded zinc oxide sunscreen that goes on without a white cast. It isn’t tinted, so the same layering advice applies.
• Clear “no white cast” chemical sunscreens. Formulas like Black Girl Sunscreen are popular for good reason on medium and deep skin, because they disappear completely. But invisible also means no iron oxides. Since visible light pigmentation mainly affects skin types III to VI, deeper skin tones with melasma actually need that extra layer most. Pair these with a tinted product in your shade.

None of these are wrong to use. They just can’t be your only layer if you have melasma.

{{GRAPHIC: simple diagram of the light spectrum (UVB, UVA, visible blue-violet light) showing which wavelengths standard SPF filters block and which wavelengths only iron oxide tints block}}

How Much Sunscreen Should You Use, and How Often?

Even the right sunscreen fails if you use too little of it. The AAD’s application guidance gives three rules that matter for melasma.

Use enough

The AAD recommends at least 1 teaspoon for the face, which is about the amount that fits along the length of your index and middle fingers. With tinted formulas, it’s tempting to use less so the color doesn’t look heavy. A better approach is to apply two thinner layers and let the first one set for a minute before adding the second.

Apply 15 minutes before going out

The AAD says sunscreen takes about 15 minutes to absorb and start protecting you. Make it the last step of your morning routine, not something you do in the car.

Reapply every 2 hours

Reapply every two hours when you’re outdoors, and right away after swimming or sweating. Over makeup, a tinted mineral powder or a cushion compact with SPF makes this realistic. Don’t count on that powder as your only protection, though. It’s hard to apply enough powder to reach the SPF on the label.

Wear it every day, all year

Visible light and UVA don’t take cloudy days or winter off, and both pass through ordinary window glass. If you drive a lot or work next to a window, those hours count. Melasma is chronic, and consistency is what keeps it under control.

{{IMAGE:two-finger-sunscreen-amount.jpg}} [Real photo: tinted sunscreen squeezed along the length of the index and middle fingers, to show the AAD’s recommended amount for the face]

How Should You Layer Sunscreen With Melasma Treatments?

Sunscreen alone rarely clears existing melasma. What it does is protect every other treatment you’re using, so the progress you make isn’t undone the next sunny weekend. In the Castanedo-Cazares trial, the sunscreen was tested alongside hydroquinone, and that’s how to think about it: as the partner to a treatment, not a replacement for one.

A simple morning routine looks like this:

1. Gentle cleanser
2. Your brightening serum, if you use one (niacinamide, azelaic acid or vitamin C, for example)
3. Moisturizer, if your skin needs it (the CeraVe pick can double as one)
4. Tinted sunscreen, always last

Keep your stronger actives, like tretinoin or prescription hydroquinone, for the evening, as your prescriber directs. If you’re deciding between retinoid formats, my comparison of retinol gel vs. cream covers which texture suits which skin type.

If you’re considering in-office or at-home peels, be careful. Peels can help pigmentation, but aggressive peels can also irritate skin and trigger rebound darkening. My guide to the best chemical peels for hyperpigmentation explains which acids are gentler and how to use them without making things worse. Whatever you choose, daily tinted sunscreen during and after a peel is non-negotiable, because freshly peeled skin is more vulnerable to light.

If your melasma comes with redness or sensitivity, calming the skin first often makes everything else work better. My post on skin redness covers gentle ways to do that.

When Should You See a Dermatologist About Melasma?

See a dermatologist if your patches keep spreading despite daily sunscreen, if they’re only on one side of the face, if a spot changes shape or color, or if you’re not sure it’s melasma at all. Other pigmentation problems can look similar, and some need a different approach.

A dermatologist can also prescribe stronger options, like prescription hydroquinone, triple-combination creams or oral tranexamic acid, that aren’t available over the counter. If you’re comparing professional-strength brands you can buy yourself, my guide to medical-grade skin care explains what that label actually means.

If you’re pregnant, breastfeeding or planning a pregnancy, ask your doctor before starting any melasma treatment. Many brightening treatments, hydroquinone and retinoids included, aren’t recommended during pregnancy. [UNVERIFIED — NEEDS SOURCE: pregnancy guidance on hydroquinone and topical retinoids]

The Bottom Line: Which Sunscreen Should You Choose?

If you only change one thing about your melasma routine, switch to a tinted sunscreen with iron oxides. That’s the step with randomized trial evidence behind it, both for clearing melasma faster and for keeping it from coming back.

For the most complete protection in one step, choose the Colorescience Total Protection Face Shield Flex SPF 50. For acne-prone or rosacea-prone skin, choose the EltaMD UV Clear Tinted SPF 46, and make sure you order the tinted version. For oily skin, the La Roche-Posay Anthelios Mineral Tinted Light Fluid is the one you’re most likely to keep wearing. On a budget, the CeraVe Tinted Mineral SPF 30 suits dry skin and the Australian Gold Botanical Tinted SPF 50 suits fair skin.

Whichever you choose, use enough, reapply every two hours outside, and wear it every day. And if screen blue light has been worrying you, you can let that one go. The sun is the source that matters.

[MEDICAL DISCLAIMER: insert the site’s standard medical disclaimer boilerplate here — not supplied to this draft]

Frequently asked questions

Does tinted sunscreen really help melasma?

Yes. Tinted sunscreens contain iron oxides, which block visible light that standard UV filters let through. In a 2014 randomized trial, melasma patients using a sunscreen that also blocked visible light improved more than those using a UV-only sunscreen. A 2015 trial found iron oxide sunscreen significantly reduced melasma relapses over six months compared with a UVA/UVB-only formula.

Is SPF 30 enough for melasma?

SPF 30 is the minimum the American Academy of Dermatology recommends, and it can be enough if you apply it generously and reapply every two hours outdoors. For melasma, the bigger question is whether the sunscreen is tinted with iron oxides, because SPF only measures UVB protection. Many dermatologists suggest SPF 50 to leave more margin for under-application.

Can blue light from my phone or computer make melasma worse?

Probably not. A 2020 study in the Journal of the American Academy of Dermatology exposed melasma patients to a high-intensity computer screen for eight hours a day over five days, and their melasma did not worsen. Blue light from screens is roughly 99 to 1,000 times weaker than blue light from the sun, which is the source that actually matters.

Is mineral or chemical sunscreen better for melasma?

Mineral sunscreens are usually the easier choice for melasma because zinc oxide and titanium dioxide are well tolerated by sensitive skin. But the more important factor is whether the formula is tinted with iron oxides, since clear mineral sunscreen does little against visible light. A tinted sunscreen with chemical filters will protect melasma better than an untinted mineral one.

Can sunscreen alone get rid of melasma?

Usually not. Sunscreen mainly prevents melasma from getting darker or coming back, while treatments like hydroquinone, niacinamide, azelaic acid or prescription options do the fading. In the 2014 Castanedo-Cazares trial, a visible-light-blocking sunscreen made hydroquinone work better. Think of daily tinted sunscreen as the partner that protects your treatment’s progress, not a replacement for treatment.

Do I need to wear sunscreen indoors if I have melasma?

Yes, if you spend time near windows or in a car. UVA and visible light both pass through ordinary window glass, so sitting by a sunny window can still trigger melasma. You don’t need extra protection from screens or indoor lighting, which give off far less blue light than the sun. A tinted sunscreen applied each morning covers both situations.